<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蝉游记横向图片展示</title>
    <!-- <link rel="stylesheet" type="text/css" href="../node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css"> -->
    <link rel="stylesheet" href="./styles/style.css">
    <link rel="stylesheet" href="./styles/main.css">
</head>
<body>
    <div style="width: 1000px;margin: auto;">
        <div id="work">

        </div>
    </div>
</body>
<script src="./scripts/vendor.js"></script>
<script src="./scripts/main.js"></script>
<script>

    var json = [{
        keyname : "第一天",
        time : "2000-00-00 00:00:00",
        subcontent : [{
            description : "这一天心情很哈皮",
            details : [{
                image: "./images/01.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/02.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/03.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/04.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/05.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            }]
        },{
            description : "这一天心情很哈皮",
            details : [{
                image: "./images/06.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/07.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/08.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/09.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/10.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/11.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/20.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            }]
        }]
    },{
        keyname : "第二天",
        time : "2000-00-00 00:00:00",
        subcontent : [{
            description : "这一天心情很哈皮",
            details : [{
                image: "./images/01.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/02.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/03.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/04.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/05.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/13.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/18.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/19.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            }]
        },{
            description : "这一天心情很哈皮",
            details : [{
                image: "./images/06.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/07.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/08.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/09.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/10.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/11.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/12.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/14.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/15.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/16.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            },{
                image: "./images/17.jpg",
                text : "这家中餐馆叫Shanghai30`s，菜品不错，环境也很好，看墙上照片原来伊丽莎白女王曾来访过",
                time : '',
                favourte : 12,
                is_favou : false
            }]
        }]
    }]
    var opt = {
        data:json,
        pagecontrol:true,
        point_click:true,
        move:function(e){
            console.log(e.current.json_value)
        }
    }
    $('#work').workplace(opt)
</script>
</html>